<template>
<div>
  <home-header :city="city"></home-header>
  <home-swiper :list="swiperList"></home-swiper>
  <home-icons  :list="iconList"></home-icons>
  <home-recommend :list="recommendList"></home-recommend>
  <home-weekend :list="weekList"></home-weekend>
</div>
</template>

<script>
import HomeHeader from './components/Header'
import HomeSwiper from './components/Swiper'
import HomeIcons from './components/Icons'
import HomeRecommend from './components/Recommend'
import HomeWeekend from './components/weekend'
import axios from 'axios'
export default {
  name: 'Home',
  components:{
    HomeHeader,
    HomeSwiper,
    HomeIcons,
    HomeRecommend,
    HomeWeekend
  },
  data(){
    return {
      city:'',
      swiperList:[],
      bannerList:[],
      recommendList:[],
      iconList:[],
      weekList:[]
    }
  },
  methods:{
    getHomeInfo(){
      axios.get('/api/index.json')
      .then(this.getHomeInfSucc)
    },
    getHomeInfSucc(res){
     res=res.data
     if(res.ret && res.data){
       const data=res.data
       this.city=data.city
       this.swiperList=data.swiperList
       this.iconList=data.iconList
       this.recommendList=data.recommendList
       this.weekList=data.weekendList
     }
    }
  },
     mounted(){
      this.getHomeInfo()
  }
}
</script>
<style scope>

</style>